<template>
    <div class="mine-cont">
        <div class="bread-cont">
            <el-breadcrumb :separator-icon="ArrowRight">
                <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
                <el-breadcrumb-item>我的账户</el-breadcrumb-item>
                <el-breadcrumb-item>{{ label }}</el-breadcrumb-item>
            </el-breadcrumb>
        </div>
        <MyTabs v-model="label"/>
    </div>
</template>

<script setup>
import { ArrowRight } from '@element-plus/icons-vue'
import MyTabs from './components/my-tabs.vue'
import { ref } from 'vue';
const label=ref('我的会员')
</script>

<style lang="scss" scoped>
.mine-cont {
    width: 6.25rem;
    margin: auto;
    padding: .1563rem 0 0;
    min-height: calc(100vh - .9063rem);
    >.bread-cont{
        margin-bottom: .0938rem;
    }
}
</style>